<layout name="Common/layout" />

<link rel="stylesheet" href="__PUBLIC__/Home/goods/style/list.css" type="text/css">
<link rel="stylesheet" href="__PUBLIC__/Home/goods/style/common.css" type="text/css">
<script type="text/javascript" src="__PUBLIC__/Home/goods/js/list.js"></script>
<link rel="stylesheet" href="__PUBLIC__/Home/goods/style/base.css" type="text/css">
	<link rel="stylesheet" href="__PUBLIC__/Home/goods/style/global.css" type="text/css">

	

	<!-- 列表主体 start -->
	<div class="list w1210 bc mt10">
		<!-- 面包屑导航 start -->
		<div class="breadcrumb">
			<h2>当前位置：<a href="">首页</a> > <a href="">电脑、办公</a></h2>
		</div>
		<!-- 面包屑导航 end -->

		<!-- 左侧内容 start -->
		<div class="list_left fl mt10">
			<!-- 分类列表 start -->
			<div class="catlist">
				<h2>电脑、办公</h2>
				<div class="catlist_wrap">
					<div class="child">
						<h3 class="on"><b></b>电脑整机</h3>
						<ul>
							<li><a href="">笔记本</a></li>
							<li><a href="">超极本</a></li>
							<li><a href="">平板电脑</a></li>
						</ul>
					</div>

					<div class="child">
						<h3><b></b>电脑配件</h3>
						<ul class="none">
							<li><a href="">CPU</a></li>
							<li><a href="">主板</a></li>
							<li><a href="">显卡</a></li>
						</ul>
					</div>

					<div class="child">
						<h3><b></b>办公打印</h3>
						<ul class="none">
							<li><a href="">打印机</a></li>
							<li><a href="">一体机</a></li>
							<li><a href="">投影机</a></li>
							</li>
						</ul>
					</div>

					<div class="child">
						<h3><b></b>网络产品</h3>
						<ul class="none">
							<li><a href="">路由器</a></li>
							<li><a href="">网卡</a></li>
							<li><a href="">交换机</a></li>
							</li>
						</ul>
					</div>

					<div class="child">
						<h3><b></b>外设产品</h3>
						<ul class="none">
							<li><a href="">鼠标</a></li>
							<li><a href="">键盘</a></li>
							<li><a href="">U盘</a></li>
						</ul>
					</div>
				</div>
				
				<div style="clear:both; height:1px;"></div>
			</div>
			<!-- 分类列表 end -->
				
			<div style="clear:both;"></div>	

			<!-- 新品推荐 start -->
			<div class="newgoods leftbar mt10">
				<h2><strong>新品推荐</strong></h2>
				<div class="leftbar_wrap">
					<ul>
						<li>
							<dl>
								<dt><a href=""><img src="__PUBLIC__/Home/images/list_hot1.jpg" alt="" /></a></dt>
								<dd><a href="">美即流金丝语悦白美颜新年装4送3</a></dd>
								<dd><strong>￥777.50</strong></dd>
							</dl>
						</li>

						<li>
							<dl>
								<dt><a href=""><img src="__PUBLIC__/Home/images/list_hot2.jpg" alt="" /></a></dt>
								<dd><a href="">领券满399减50 金斯利安多维片</a></dd>
								<dd><strong>￥239.00</strong></dd>
							</dl>
						</li>

						<li class="last">
							<dl>
								<dt><a href=""><img src="__PUBLIC__/Home/images/list_hot3.jpg" alt="" /></a></dt>
								<dd><a href="">皮尔卡丹pierrecardin 男士长...</a></dd>
								<dd><strong>￥1240.50</strong></dd>
							</dl>
						</li>
					</ul>
				</div>
			</div>
			<!-- 新品推荐 end -->

			<!--热销排行 start -->
			<div class="hotgoods leftbar mt10">
				<h2><strong>热销排行榜</strong></h2>
				<div class="leftbar_wrap">
					<ul>
						<li></li>
					</ul>
				</div>
			</div>
			<!--热销排行 end -->

			<!-- 最近浏览 start -->
			<div class="viewd leftbar mt10">
				<h2><a href="">清空</a><strong>最近浏览过的商品</strong></h2>
				<div class="leftbar_wrap">
					<dl>
						<dt><a href=""><img src="__PUBLIC__/Home/images/hpG4.jpg" alt="" /></a></dt>
						<dd><a href="">惠普G4-1332TX 14英寸笔记...</a></dd>
					</dl>

					<dl class="last">
						<dt><a href=""><img src="__PUBLIC__/Home/images/crazy4.jpg" alt="" /></a></dt>
						<dd><a href="">直降200元！TCL正1.5匹空调</a></dd>
					</dl>
				</div>
			</div>
			<!-- 最近浏览 end -->
		</div>
		<!-- 左侧内容 end -->
	
		<!-- 列表内容 start -->
		<div class="list_bd fl ml10 mt10">
			<!-- 热卖、促销 start -->
			<div class="list_top">
				<!-- 热卖推荐 start -->
				<div class="hotsale fl">
					<h2><strong><span class="none">热卖推荐</span></strong></h2>
					<ul>
						<li>
							<dl>
								<dt><a href=""><img src="__PUBLIC__/Home/images/hpG4.jpg" alt="" /></a></dt>
								<dd class="name"><a href="">惠普G4-1332TX 14英寸笔记本电脑 （i5-2450M 2G 5</a></dd>
								<dd class="price">特价：<strong>￥2999.00</strong></dd>
								<dd class="buy"><span>立即抢购</span></dd>
							</dl>
						</li>

						<li>
							<dl>
								<dt><a href=""><img src="__PUBLIC__/Home/images/list_hot3.jpg" alt="" /></a></dt>
								<dd class="name"><a href="">ThinkPad E42014英寸笔记本电脑</a></dd>
								<dd class="price">特价：<strong>￥4199.00</strong></dd>
								<dd class="buy"><span>立即抢购</span></dd>
							</dl>
						</li>

						<li>
							<dl>
								<dt><a href=""><img src="__PUBLIC__/Home/images/acer4739.jpg" alt="" /></a></dt>
								<dd class="name"><a href="">宏碁AS4739-382G32Mnkk 14英寸笔记本电脑</a></dd>
								<dd class="price">特价：<strong>￥2799.00</strong></dd>
								<dd class="buy"><span>立即抢购</span></dd>
							</dl>
						</li>
					</ul>
				</div>
				<!-- 热卖推荐 end -->

				<!-- 促销活动 start -->
				<div class="promote fl">
					<h2><strong><span class="none">促销活动</span></strong></h2>
					<ul>
						<li><b>.</b><a href="">DIY装机之向雷锋同志学习！</a></li>
						<li><b>.</b><a href="">京东宏碁联合促销送好礼！</a></li>
						<li><b>.</b><a href="">台式机笔记本三月巨惠！</a></li>
						<li><b>.</b><a href="">富勒A53g智能人手识别鼠标</a></li>
						<li><b>.</b><a href="">希捷硬盘白色情人节专场</a></li>
					</ul>

				</div>
				<!-- 促销活动 end -->
			</div>
			<!-- 热卖、促销 end -->
			
			<div style="clear:both;"></div>
			<style>
				#search_condition{margin:10px;padding:5px;padding-right:0;}
				#search_condition span{border:1px solid #F00;padding:5px;margin:5px;}
				#search_condition span a:hover{background:#F00;color:#FFF;padding:5px;margin-right:0;}
			</style>
			<div id="search_condition">
				当前搜索条件：
				<?php 
				// 品牌
				$brandId = I('get.brand_id');
				if($brandId): ?>
					<span>
						品牌：<?php echo ltrim(strstr($brandId, '-'), '-'); ?>
						<a href="<?php echo filterUrl('brand_id'); ?>">X</a>
					</span>
				<?php endif; ?>
				
				<?php 
				// 价格
				$price = I('get.price');
				if($price): ?>
					<span>
						价格：<?php echo $price; ?>
						<a href="<?php echo filterUrl('price'); ?>">X</a>
					</span>
				<?php endif; ?>
				
				<?php 
				// 筛选属性  参数：/attr_5/android-操作系统/attr_4/2015-10-01-出厂日期
				// 循环所有的参数
				foreach ($_GET as $k => $v):
					// 如果以attr_开头说明是一个属性的变量
					if(strpos($k, 'attr_') === 0) : 
						$_attrName = strrchr($v, '-'); // 取出属性名称
					?>
					<span>
						<?php echo ltrim($_attrName, '-'); ?>：<?php echo str_replace($_attrName, '', $v); ?>
						<a href="<?php echo filterUrl($k); ?>">X</a>
					</span>
				<?php endif;endforeach; ?>
				
			</div>
			
			
			<!-- 商品筛选 start -->
			<div class="filter mt10">
				<h2><a href="">重置筛选条件</a> <strong>商品筛选</strong></h2>
				<div class="filter_wrap">
					<?php if(!I('get.brand_id') && $searchFilter['brand']): ?>
					<dl>
						<dt>品牌：</dt>
						<?php foreach ($searchFilter['brand'] as $k => $v): ?>
						<dd><a href="__SELF__/brand_id/<?php echo $v['brand_id']; ?>-<?php echo $v['brand_name']; ?>"><?php echo $v['brand_name']; ?></a></dd>
						<?php endforeach; ?>
					</dl>
					<?php endif; ?>
					
					<?php if(!I('get.price') && !empty($searchFilter['price'])): ?>
					<dl>
						<dt>价格：</dt>
						<?php foreach ($searchFilter['price'] as $k => $v): ?>
						<dd><a href="__SELF__/price/<?php echo $v; ?>"><?php echo $v; ?></a></dd>
						<?php endforeach; ?>
					</dl>
					<?php endif; ?>
					
					<!-- 筛选属性 -->
					<?php foreach ($searchFilter['gaData'] as $k => $v): 
							// 拼出属性在URL上的名
							$attrUrlName = 'attr_'.$v[0]['attr_id'];  // attr_xx
							// 如果URL里面已经有这个名字说明已经点击了就跳过不显示
							if(isset($_GET[$attrUrlName]))
								continue
					?>
					<dl>
						<dt><?php echo $k; ?>：</dt>
						<?php foreach ($v as $k1 => $v1): ?>
							<dd><a href="__SELF__/<?php echo $attrUrlName; ?>/<?php echo $v1['attr_value']; ?>-<?php echo $k; ?>"><?php echo $v1['attr_value']; ?></a></dd>
						<?php endforeach; ?>
					</dl>
					<?php endforeach; ?>
				</div>
			</div>
			<!-- 商品筛选 end -->
			
			<div style="clear:both;"></div>

			<!-- 排序 start -->
			<?php $odby = I('get.odby', 'xl'); ?>
			<div class="sort mt10">
				<dl>
					<dt>排序：</dt>
					<dd <?php if($odby=='xl') echo 'class="cur"'; ?>><a href="<?php echo filterUrl('odby'); ?>/odby/xl">销量</a></dd>
					<dd <?php if(strpos($odby, 'price_') === 0) echo 'class="cur"'; ?>>
					<a href="<?php echo filterUrl('odby'); ?>/odby/<?php echo $odby=='price_desc'?'price_asc':'price_desc'; ?>">
						价格
						<?php if(strpos($odby, 'price_') === 0): ?>
							<?php echo $odby == 'price_desc' ? '↓' : '↑'; ?>
						<?php endif; ?>
					</a>
					</dd>
					<!--<dd><a href="">评论数</a></dd>-->
					<dd <?php if($odby=='addtime') echo 'class="cur"'; ?>><a href="<?php echo filterUrl('odby'); ?>/odby/addtime">上架时间</a></dd>
				</dl>
			</div>
			<!-- 排序 end -->
			
			<div style="clear:both;"></div>

			<!-- 商品列表 start-->
			<div class="goodslist mt10">
				<ul>
					<?php foreach ($data as $k => $v): ?>
					<li>
						<dl>
							<dt><a href="<?php echo U('Index/goods/?id='.$v['id']); ?>"><?php showImage($v['mid_logo']); ?></a></dt>
							<dd><a href="<?php echo U('Index/goods/?id='.$v['id']); ?>"><?php echo $v['goods_name']; ?></a></dt>
							<dd><strong>￥<?php echo $v['shop_price']; ?>元</strong></dt>
							<dd>
								<a href=""><em>已有10人评价</em></a>
								<a href=""><em>已有<?php echo (int)$v['xl']; ?>销量</em></a>
									
							</dt>
						</dl>
					</li>
					<?php endforeach; ?>
				</ul>
			</div>
			<!-- 商品列表 end-->

			<!-- 分页信息 start -->
			<div class="page mt20">
				<?php echo $page; ?>
			</div>
			<!-- 分页信息 end -->

		</div>
		<!-- 列表内容 end -->
	</div>
	<!-- 列表主体 end-->

